<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <form action="">
        <fieldset style="width: 500px;">
            <legend><strong>个人信息</strong></legend>
            <table>
                <tr>
                    <td>昵称</td>
                    <td><input type="text"></td>
                </tr>
                <tr>
                    <td>密码</td>
                    <td><input type="password"></td>
                </tr>
                <tr>
                    <td>邮箱</td>
                    <td><input type="email" name="email"></td>
                </tr>
                <tr>
                    <td>性别</td>
                    <td><input type="radio" name="sex" value="男"/>男
                        <input type="radio" name="sex" value="女"/>女</td> 
                        <!-- (要想让多个单选框实现单选的效果，则多个单选框的name属性值必须一样) -->
                        <!-- 一般会给每一个单选框提供value属性，指定其被选中后提交的值。CheckBox同理 -->
                </tr>
                <tr>
                    <td>破壳日</td>
                    <td><input type="date"></td>
                </tr>
                <tr>
                    <td>专业</td>
                    <td><select>
                        <option>信管</option>
                        <option>审计</option>
                        <option >大数据</option>
                        <option >应统</option>
                        <option >其它</option>
                    </select></td>
                </tr>
                <tr>
                    <td>爱好</td>
                    <td><input type="checkbox"  />旅游
                        <input type="checkbox"  />摄影
                        <input type="checkbox"  />其它</td>
                </tr>
                <tr>
                    <td>自我介绍</td>
                    <td><textarea cols="30" rows="10"></textarea></td>
                </tr>
                <tr>
                    <td>上传个人照片</td>
                    <td><input type="file" id="files"></td>
                </tr>
                <tr>
                    <td><input type="submit" name="submit"></td>
                </tr>
                <tr>
                    <td><button type="button" onclick="alert('Thanks for your visit!')">点这里有彩蛋~</button></td>
                <tr>

                </tr>
        </table>
        </fieldset>
    </form>

</body>

</html>